<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>dashbord.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            dashbord.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/dashbord.css
                
            </li>
            <li>Last modified: 2017-02-03 18:43:29 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>.ico-contact-waiter,.ico-contact-partner,.ico-mobile-app,.ico-im-app{display:inline-block;}@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and
(min–moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:
1.5){.ico-contact-waiter,.ico-contact-partner,.ico-mobile-app,.ico-im-app{background-size:36px
138px}}.ico-mobile-app{width:44px;height:44px;background-position:7px
-45px}.ico-im-app{width:44px;height:44px;background-position:4px
-96px}.im-app-icon-mac,.im-app-icon-windows{width:85px;height:85px;display:inline-block;}@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and
(min–moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:
1.5){.im-app-icon-mac,.im-app-icon-windows{background-size:170px
85px}}.im-app-icon-windows{background-position:-85px
0}.ico-usefull-link{display:inline-block;width:20px;height:20px;}@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and
(min–moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:
1.5){.ico-usefull-link{;background-size:20px 200px}} 
.ico-usefull-link.ico-usefull-link1{background-position:0 0} 
.ico-usefull-link.ico-usefull-link2{background-position:0 -20px} 
.ico-usefull-link.ico-usefull-link3{background-position:0 -40px} 
.ico-usefull-link.ico-usefull-link4{background-position:0 -60px} 
.ico-usefull-link.ico-usefull-link5{background-position:0 -80px} 
.ico-usefull-link.ico-usefull-link6{background-position:0 -100px} 
.ico-usefull-link.ico-usefull-link7{background-position:0 -120px} 
.ico-usefull-link.ico-usefull-link8{background-position:0 -140px} 
.ico-usefull-link.ico-usefull-link9{background-position:0 -160px} 
.ico-usefull-link.ico-usefull-link10{background-position:0 -180px} 
.cms-learn
i{position:absolute;top:0;left:0;width:40px;height:40px;-webkit-transition:opacity
0.5s;-moz-transition:opacity 0.5s;transition:opacity 0.5s}@media only
screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and
(min–moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:
1.5){.cms-learn i{;background-size:80px 400px}} 
.ico-more-service{display:inline-block;width:40px;height:40px;}@media only
screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and
(min–moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio:
1.5){.ico-more-service{background-size:80px 400px}} 
.ico-more-service.ico-more-fuwu{background-position:0 0} 
.ico-more-service.ico-more-fx{background-position:0 -40px} 
.ico-more-service.ico-more-enterprise{background-position:0 -80px} 
.ico-more-service.ico-more-wxd{background-position:0 -120px} 
.ico-more-service.ico-more-go{background-position:0 -160px} 
.ico-more-service.ico-more-open{background-position:0 -200px} 
.ico-more-service.ico-more-peripheral{background-position:0 -240px} 
.ico-more-service.ico-more-app{background-position:0 -280px} 
.ico-more-service.ico-more-media{background-position:0 -320px} 
.ico-more-service.ico-more-sm{background-position:0 -360px} 
html{background:#fff} app-container-top{padding:0}  app-container-top
.zent-alert{border-radius:0}  app-help-container{position:fixed} 
.flex-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.widget-box{margin-bottom:40px}  .widget-box.widget-gray-box
.widget-box-content{background-color:#f8f8f8} .widget-box
.widget-box-title{font-size:14px;color:#333333;font-weight:bold} 
.widget-box .widget-box-title
.widget-box-opts{display:inline-block;margin-left:10px;font-size:12px;font-weight:normal;color:#3283FA;line-height:14px}
.widget-box .widget-box-title .widget-box-opts
a{font-size:12px;color:#3283FA;line-height:1em}  .widget-box
.widget-box-content{-webkit-transition:all 0.2s linear;-moz-transition:all
0.2s linear;transition:all 0.2s linear}  .widget-box-task
.widget-box-header{background:#FF5A56;padding:11px 20px;color:#fff} 
.widget-box-task .widget-box-title{color:#fff}  .widget-box-task
.widget-box-title
.shop-points{margin-left:10px;display:inline-block;font-size:12px;color:#fff;line-height:1em;font-weight:normal}
.widget-box-task .widget-box-title .widget-box-opts a,.widget-box-task
.widget-box-title .widget-box-opts .divider{color:#fff}  .widget-box-task
.widget-box-content{padding:20px;background:#FFFCF2}  .widget-box-task
.task-flashing{-webkit-animation:task-flashing
1s;-moz-animation:task-flashing 1s;animation:task-flashing 1s} 
.widget-box-task .task-info{position:relative;color:#666}  .widget-box-task
.task-info
.task-title{font-weight:bold;font-size:14px;line-height:1em;color:#333;margin-bottom:10px}
.widget-box-task .task-info .task-detail{margin-bottom:20px} 
.widget-box-task .task-info .reward{margin-top:30px}  .widget-box-task
.task-info .reward em{font-size:18px;color:#FF4343}  .widget-box-task
.task-info .task-opts{position:absolute;bottom:0;right:0}  .widget-box-task
.task-info .task-opts .btn+.btn{margin-left:10px}  .widget-box-task
.exchange-youzan-coin{text-align:center}  .widget-box-task
.exchange-youzan-coin p{margin-bottom:10px}  @-webkit-keyframes
task-flashing{0%{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-moz-keyframes
task-flashing{0%{opacity:0;-moz-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}
@keyframes
task-flashing{0%{opacity:0;-webkit-transform:translateY(10%);-moz-transform:translateY(10%);transform:translateY(10%)}100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}}
.dashboard-top-alert{padding:11px 30px 10px}  .dashboard-top-alert
td{vertical-align:top}  .dashboard-top-alert
.warning-text{font-size:12px;font-weight:bold;line-height:20px} 
.dashboard-top-alert
.hotline{padding-top:6px;font-size:12px;line-height:14px} 
.dashboard-top-alert .hotline .telephone{color:#ffffff;font-weight:bold} 
.dashboard-top-alert .zent-btn:first-child{margin-left:30px} 
.dashboard-center{-webkit-transition:all 0.2s linear;-moz-transition:all
0.2s linear;transition:all 0.2s
linear;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1}
.dashboard-center .widget-box{margin-bottom:40px} 
.dashboard-right{width:240px}  .dashboard-right .widget-box
.widget-box-opts{display:inline-block;float:none}  .dashboard-row{zoom:1} 
.dashboard-row:after{content:“”;display:table;clear:both} 
.dashboard-col{float:left;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.dashboard-col:first-child{padding-right:6px} 
.dashboard-col:last-child{padding-left:6px} 
.shop-badge{position:relative;padding:0
5px;border-radius:1px;font-size:10px;color:#FFFFFF;background-color:#bbbbbb}
.shop-badge.active{background:#FF5A5A}  .shop-badge:hover
.shop-badge-tip,.shop-badge.hover .shop-badge-tip{display:block} 
.shop-badge
.shop-badge-tip{display:none;position:absolute;left:50%;width:600px;height:10px;-webkit-transform:translateX(-59px);-moz-transform:translateX(-59px);-ms-transform:translateX(-59px);transform:translateX(-59px);z-index:10}
.shop-badge .ui-popover.top-left .arrow{left:55px}  .shop-badge
.ui-popover-inner{color:#333}  .shop-badge .ui-popover-inner
.zent-btn:first-child{margin-left:20px}  .shop-badge .ui-popover-inner
.hotline{margin-top:10px;padding-top:10px;border-top:1px solid e5e5e5} 
.shop-badge .ui-popover-inner .hotline
.telephone{color:#FF4343;font-weight:bold} 
.shop-basic-info{position:relative;padding-top:10px;margin-bottom:40px} 
.shop-basic-info .shop-name{font-size:20px;line-height:1em;color:#333333} 
.shop-basic-info span,.shop-basic-info
i{display:inline-block;vertical-align:middle}  .shop-basic-info
.contact-waiter{position:absolute;bottom:0;right:0}  .shop-basic-info
.contact-waiter
a{font-size:12px;line-height:16px;color:#666;margin-left:30px} 
.shop-basic-info .contact-waiter a&gt;i,.shop-basic-info .contact-waiter
a&gt;span{display:inline-block;vertical-align:middle}  .shop-basic-info
.contact-waiter a&gt;i{width:14px;height:14px;margin-right:5px} 
.shop-basic-info .contact-waiter a:hover span{color:#3283FA} 
.shop-basic-info .contact-waiter a:hover
.ico-contact-waiter{background-position:-14px 0}  .shop-basic-info
.contact-waiter a:hover .ico-contact-partner{background-position:-14px
-25px}  .shop-basic-info .contact-waiter
.ico-contact-waiter{background-position:0 0}  .shop-basic-info
.contact-waiter .ico-contact-partner{background-position:0 -25px} 
.widget-box-overview{height:
140px;background:#F8F8F8;margin-bottom:40px;text-align:center;-webkit-transition:padding
0.5s;-moz-transition:padding 0.5s;transition:padding 0.5s} 
.widget-box-overview&gt;ul{height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex}
.widget-box-overview&gt;ul&gt;li{border:2px solid
fff;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:0
5px}  .widget-box-overview&gt;ul&gt;li h5{font-size:35px;line-height:2;} 
.widget-box-overview&gt;ul&gt;li .unit{font-size:18px} 
.widget-box-overview&gt;ul&gt;li .data-highlight{color:#FF4343} 
.usefull-links{margin-bottom:40px}  .usefull-links
ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:-2px}
.usefull-links
li{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:2px}
.usefull-links li:hover{background:#F2F2F2}  .usefull-links li
a{text-align:center;display:block;font-size:14px;color:#333333;padding:20px;-webkit-transition:padding
0.5s;-moz-transition:padding 0.5s;transition:padding 0.5s}  .usefull-links
li i{margin-right:0;font-size: 20px;color: fff;}  .usefull-links li
i,.usefull-links li
span{display:inline-block;height:20px;line-height:20px;vertical-align:middle}
.tofu{background:#f8f8f8;margin-right:12px;font-size:20px;color:#fff;line-height:20px;text-align:center;padding:35px
0;border-radius:2px;color:#fff} 
.tofu:hover,.tofu:focus{color:#fff;opacity:0.92} 
.tofu:last-child{margin-right:0} 
.tofu.tofu-gray{color:#666;background-color:#F8F8F8} 
.tofu.tofu-gray:hover,.tofu.tofu-gray:focus{color:#666}  .tofu.tofu-gray
h4{color:#333}  .tofu.tofu-green{background-color:#8FCF8F} 
.tofu.tofu-cyan{background-color:#84BDD0} 
.tofu.tofu-blue{background-color:#849BD0} 
.tofu.tofu-purple{background-color:#A984D0}  .tofu h4{padding:0
10px;font-size:20px;line-height:1em;height:1em;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tofu p{margin:0;font-size:12px;line-height:1em;padding:0
5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} 
.recommended-apps .tofu-container,.more-service
.tofu-container{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-flow:row
nowrap;-ms-flex-flow:row nowrap;flex-flow:row
nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.recommended-apps .tofu,.more-service
.tofu{width:20%;-webkit-box-flex:1;-webkit-flex:1 1
25%;-moz-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%} 
.more-service{margin-bottom:0}  .more-service
ul.more-service-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.more-service
ul.more-service-list&gt;li{width:50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;text-align:center}
.more-service
ul.more-service-list&gt;li&gt;a{text-align:center;display:inline-block;opacity:0.8;font-size:12px;color:#333333;line-height:12px}
.more-service ul.more-service-list&gt;li i{margin-bottom:10px} 
.cms-suggest .widget-box-content
ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-left:-12px;margin-bottom:15px}
.cms-suggest .widget-box-content ul:last-child{margin-bottom:0} 
.cms-suggest .widget-box-content
li{width:50%;background:#F8F8F8;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:12px}
.cms-suggest .widget-box-content li:hover{background:#F2F2F2}  .cms-suggest
.widget-box-content a{display:block;padding:39px 17px
0;text-align:center;height:120px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cms-suggest .widget-box-content
h4{font-size:20px;color:#333;margin-bottom:10px}  .cms-suggest
.widget-box-content
p{font-size:12px;line-height:18px;color:#999;height:36px;overflow:hidden} 
.cms-learn .widget-box-content{padding:30px 25px 31px}  .cms-learn
.widget-box-content
ul{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:37px}
.cms-learn .widget-box-content ul:last-child{margin-bottom:0}  .cms-learn
.widget-box-content
li{position:relative;width:151px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.cms-learn .widget-box-content
a{display:block;padding-left:55px;-webkit-transition:padding
0.5s;-moz-transition:padding 0.5s;transition:padding 0.5s}  .cms-learn
.widget-box-content
h4{font-size:14px;line-height:22px;color:#333;font-weight:bold}  .cms-learn
.widget-box-content p{font-size:12px;color:#999} 
.right-side-banner{min-height:120px;margin-bottom:30px}  .right-side-banner
img{width:240px} 
.dashboard-app-download{position:relative;margin-bottom:30px} 
.dashboard-app-download .ico-mobile-app,.dashboard-app-download
.ico-im-app{position:absolute;top:14px;left:14px} 
.dashboard-app-download&gt;a{padding:20px 20px 20px
70px;background-color:#f8f8f8;border-radius:2px;display:block;color:#666} 
.dashboard-app-download&gt;a:hover{background:#F2F2F2} 
.dashboard-app-download&gt;a
h4{color:#333;font-size:16px;line-height:1em;margin-bottom:5px} 
.dashboard-app-download&gt;a p{font-size:12px;line-height:1em} 
.dashboard-app-download:hover .ui-popover{display:block;opacity:1} 
.dashboard-app-download-popover{display:none;opacity:0;top:34px;left:20px;width:440px;-webkit-transform:translateX(-100%)
translateY(-50%);-moz-transform:translateX(-100%)
translateY(-50%);-ms-transform:translateX(-100%)
translateY(-50%);transform:translateX(-100%)
translateY(-50%);-webkit-transition:opacity 0.3s;-moz-transition:opacity
0.3s;transition:opacity 0.3s}  .dashboard-app-download-popover
.ui-popover-inner{padding:20px}  .dashboard-app-download-popover
h3{text-align:center;font-size:16px;font-weight:bold;line-height:2em;padding-bottom:10px;margin-bottom:20px;-webkit-box-shadow:0
1px 0 0 e5e5e5;box-shadow:0 1px 0 0 e5e5e5} 
.dashboard-app-download-popover .mobile-app-item
h4{text-align:center;font-size:14px;font-weight:bold;line-height:1.5em;padding-bottom:10px}
.dashboard-app-download-popover .mobile-app-item
img{display:block;width:180px;height:180px} 
.dashboard-app-download-popover .mobile-app-item
a{text-align:center;display:block;margin-top:5px;text-decoration:underline;color:#666}
.dashboard-app-download-popover
.im-app-item{width:140px;text-align:center;border-radius:4px;padding:20px
0}  .dashboard-app-download-popover .im-app-item:hover{background:#f2f2f2} 
.dashboard-app-download-popover .im-app-item a{color:#666} 
.dashboard-app-download-popover .im-app-item i{margin-bottom:14px} 
.dashboard-app-download-popover .im-app-item div{font-size:14px} 
.dashboard-app-download-popover
.dashboard-app-download-popover-footer{margin-top:20px;padding-top:20px;-webkit-box-shadow:0
-1px 0 0 e5e5e5;box-shadow:0 -1px 0 0 e5e5e5}  .widget-box.widget-cms-list
ul{color:#666}  .widget-box.widget-cms-list ul
li{font-size:12px;line-height:24px;height:24px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative;word-break:break-all}
.widget-box.widget-cms-list ul a{color:#666}  .widget-box.widget-cms-list
ul a:hover{color:#07d}  .widget-box.widget-cms-list .red{color:#d00} 
.widget-box.widget-cms-list .red a{color:#d00}  .widget-box.widget-cms-list
.red a:hover,.widget-box.widget-cms-list .red a:focus{color:#d00} 
.widget-box.widget-cms-list
.hot{position:absolute;display:inline-block;right:5px;top:0;background-position:0
-151px;width:25px;height:18px}  .glod-provider-list
li{zoom:1;margin-bottom:20px}  .glod-provider-list
li:after{content:“”;display:table;clear:both}  .glod-provider-list
li:last-child{margin-bottom:0}  .glod-provider-list
.provider-logo{float:left;width:80px;height:80px;background-size:cover} 
.glod-provider-list .provider-info{margin-left:90px;font-size:12px} 
.glod-provider-list
.provider-name{display:block;font-size:14px;line-height:20px} 
.glod-provider-list .provider-location{margin:5px 0}  .glod-provider-list
.provider-desc{line-height:16px;height:32px;overflow:hidden} 
.ui-popover.dashboard-guide-popover{display:none;position:fixed;bottom:55px;left:10px}
.ui-popover.dashboard-guide-popover
.ui-popover-inner{background:#f60;color:#fff;font-size:14px;padding:20px
30px 30px 30px}  .ui-popover.dashboard-guide-popover .ui-popover-inner
.guide-bell{width:36px;height:36px;margin:0 auto;margin-bottom:20px;}@media
only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and
(min–moz-device-pixel-ratio: 1.5), only screen and
(-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio:
1.5){.ui-popover.dashboard-guide-popover .ui-popover-inner
.guide-bell{background-size:36px 36px}} 
.ui-popover.dashboard-guide-popover .arrow{left:32px;background:#f60} 
.youzan-reading{padding:15px;background:#F8F8F8}  .youzan-reading
h1{font-size:30px;line-height:30px;color:#FF4444}  .youzan-reading
p{font-size:12px;line-height:18px;color:#666666;margin:10px 0} 
.messagepush-alert{position:relative;padding:12px 12px 12px 30px
!important;line-height:32px} 
.messagepush-alert::before{content:&#39;&#39;;position:absolute;top:21px;left:11px;width:14px;height:14px;background-size:14px
14px;}@media all and (max-width:
1200px){.dashboard-top-alert{padding-left:20px;padding-right:20px}
app-container .app-inner{padding:20px}.cms-learn .widget-box-content
a{padding-left:0;width:100px}.cms-learn .widget-box-content
i{opacity:0}.cms-suggest .widget-box-content
h4{font-size:16px;font-weight:bold}.usefull-links li a{padding:15px 0px
15px 15px}.widget-box-overview{padding:25px
10px}.widget-box-overview&gt;ul&gt;li
h5{font-size:16px}.widget-box-overview&gt;ul&gt;li
.unit{font-size:16px}.dashboard-center{padding-right:25px}.tofu{padding:20px
0}.tofu h4{font-size:16px}}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
